<!doctype html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.com">
<head>

    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>德鲁大叔的博客</title>
    <link rel="stylesheet" type="text/css" href="../static/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../static/css/nprogress.css">
    <link rel="stylesheet" type="text/css" href="../static/css/style.css">
    <link rel="stylesheet" type="text/css" href="../static/css/font-awesome.min.css">
    <link rel="apple-touch-icon-precomposed" href="../static/images/icon/icon.png">
    <link rel="shortcut icon" href="../static/images/icon/favicon.ico">
    <script src="../static/js/jquery-2.1.4.min.js"></script>
    <script src="../static/js/nprogress.js"></script>
    <script src="../static/js/jquery.lazyload.min.js"></script>
    <script src="../static/js/mock.js"></script>
    <script src="../static/js/index.js"></script>
    <!--[if gte IE 9]>
    <script src="../static/js/jquery-1.11.1.min.js" type="text/javascript"></script>
    <script src="../static/js/html5shiv.min.js" type="text/javascript"></script>
    <script src="../static/js/respond.min.js" type="text/javascript"></script>
    <script src="../static/js/selectivizr-min.js" type="text/javascript"></script>
    <![endif]-->
    <!--[if lt IE 9]>
    <script>window.location.href = 'upgrade-browser.html';</script>
    <![endif]-->
</head>
<style>
    html,body{
        width:100%;
        height:100%
    }
    body{
        font-family: "华文细黑";
        /*background:url("../static/images/background.jpg") no-repeat;*/
        background-size: 100%;
    }
</style>

<body class="user-select">

<!--引入共有头部-->
<div th:replace="header :: header"></div>
<!--
<iframe src="./head.html" width="100%"; height="154px" frameborder="0" scrolling="no" name="headFrame"></iframe>
-->
<section class="container">
    <div class="content-wrap">
        <div class="content">
            <div class="jumbotron">
                <h1>欢迎访问 德鲁大叔博客</h1>
                <p>在这里可以看到前端技术，后端程序，网站内容管理系统等文章，还有我的程序人生！</p>
            </div>
            <div id="focusslide" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#focusslide" data-slide-to="0" class="active"></li>
                    <li data-target="#focusslide" data-slide-to="1"></li>
                    <li data-target="#focusslide" data-slide-to="2"></li>
                    <li data-target="#focusslide" data-slide-to="3"></li>
                </ol>
                <div class="carousel-inner" role="listbox">
                    <div class="item active"><a href="" target="_blank"><img src="../static/images/scenery/back1.jpg" alt=""
                                                                             class="img-responsive"></a>
                        <!--<div class="carousel-caption"> </div>-->
                    </div>
                    <div class="item"><a href="" target="_blank"><img src="../static/images/scenery/back2.jpg" alt=""
                                                                      class="img-responsive"></a>
                        <!--<div class="carousel-caption"> </div>-->
                    </div>
                    <div class="item"><a href="" target="_blank"><img src="../static/images/scenery/back4.jpg" alt=""
                                                                      class="img-responsive"></a>
                        <!--<div class="carousel-caption"> </div>-->
                    </div>
                    <div class="item"><a href="" target="_blank"><img src="../static/images/scenery/back3.jpg" alt=""
                                                                      class="img-responsive"></a>
                        <!--<div class="carousel-caption"> </div>-->
                    </div>
                </div>
                <a class="left carousel-control" href="#focusslide" role="button" data-slide="prev" rel="nofollow">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span
                        class="sr-only">上一个</span> </a> <a class="right carousel-control" href="#focusslide"
                                                           role="button" data-slide="next" rel="nofollow"> <span
                    class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span
                    class="sr-only">下一个</span> </a></div>
            <article class="excerpt-minic excerpt-minic-index">
                <h2><span class="red">【博主寄语】</span><a href="" title="">一个渣渣代码粘贴员的自我黑怕</a></h2>
                <p class="note">在人海沉浮二十余载，生活并不算是多姿多彩。总以为自己受上天青睐，没想到干啥都是一样的菜。尽管都在感叹岁月蹉跎，但我才不会妄自菲薄。以前的我总是太懦弱，但从现在开始我不会自甘堕落。
                    早睡早起，不装b，我还想要养只猫咪。努力学习，努力工作，我就是明天的巴菲特！skr～</p>
            </article>
            <div class="title" id="index_title">
                <h3>最新发布</h3>
                <!-- 最新发布旁边的分类拦 先注释掉-->
                <!--
                        <div class="more"><a href="">PHP</a><a href="">JavaScript</a><a href="">EmpireCMS</a><a href="">Apache</a><a href="">MySQL</a></div>
                -->
            </div>

            <nav class="pagination" style="display: none;">
                <ul>
                    <li class="prev-page"></li>
                    <li class="active"><span>1</span></li>
                    <li><a href="?page=2">2</a></li>
                    <li class="next-page"><a href="?page=2">下一页</a></li>
                    <li><span>共 2 页</span></li>
                </ul>
            </nav>
        </div>
    </div>
    <aside class="sidebar">
        <div class="fixed">
            <div class="widget widget-tabs">
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#notice" aria-controls="notice" role="tab"
                                                              data-toggle="tab">联系我吧</a></li>
                    <!--<li role="presentation"><a href="#centre" aria-controls="centre" role="tab"-->
                                               <!--data-toggle="tab">会员中心</a></li>-->
                    <!--<li role="presentation"><a href="#contact" aria-controls="contact" role="tab"-->
                                               <!--data-toggle="tab">联系站长</a></li>-->
                </ul>
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane notice active" id="notice">
                        <div class="personal-card-show" style="text-align: center">
                            <div class="img-title" style="padding-bottom: 10%">
                                <img class="img aligncenter" style="width: 60%;height: 60%;" src="images/irving-ava.jpeg" data-src="https://zhy-myblog.oss-cn-shenzhen.aliyuncs.com/static/img/zhy.png">
                            </div>
                            <div class="personal-card-show-name">
                                <h4 style="font-weight: 500">德鲁大叔</h4>
                            </div>
                            <div class="personal-card-show-words">
                                <small style="font-size: 14px;color: #47596A;">一个只会发球的渣渣代码粘贴员</small>
                                <!--<small style="font-size: 14px;color: #47596A;">(拒绝律师函)。</small>-->
                            </div>
                            <div class="personal-card-show-connection" style="margin-top: 10px">
                                <span style="color: #210B1A">微信：15201290813</span><br>
                                <span style="color: #210B1A">QQ：455124491</span><br>
                            </div>
                            <!--名片左侧栏-->
                            <div class="personal-card-show-ico">
                                <hr style="margin-top: 40px">
                                <div>
                                    <!--<div class="col-md-4"><a href="https://github.com/xiahang111" title="GitHub" style="color: #337ab7"><i class="fa fa-github fa-2x" aria-hidden="true"></i></a></div>-->
                                    <div class="col-md-4"><a data-toggle="modal" data-target="#Github" rel="nofollow"  target="headFrame"><i class="fa fa-github fa-2x" aria-hidden="true"></i></a></div>
                                    <div class="col-md-4"><a data-toggle="modal" data-target="#WeChat" rel="nofollow"  target="headFrame"><i class="fa fa-weixin fa-2x"></i></a></div>
                                    <div class="col-md-4"><a data-toggle="modal" data-target="#Weibo" rel="nofollow"  target="headFrame"><i class="fa fa-weibo fa-2x" aria-hidden="true"></i></a></div>
                                    <!--<div class="col-md-4"><a href="https://weibo.com/5313691144" title="微博" style="color: #337ab7"><i class="fa fa-weibo fa-2x" aria-hidden="true"></i></a></div>-->
                                </div>
                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane centre" id="centre">
                        <h4>需要登录才能进入会员中心</h4>
                        <p><a data-toggle="modal" data-target="#loginModal" class="btn btn-primary">立即登录</a> <a
                                href="javascript:;" class="btn btn-default">现在注册</a></p>
                    </div>
                    <div role="tabpanel" class="tab-pane contact" id="contact">
                        <h2>Email:<br/>
                            <a href="mailto:admin@homesweets.cn" data-toggle="tooltip" data-placement="bottom"
                               title="admin@homesweets.cn">admin@homesweets.cn</a></h2>
                    </div>
                </div>
            </div>
            <!--<div class="widget widget_search">-->
                <!--<form class="navbar-form" action="/Search" method="post">-->
                    <!--<div class="input-group">-->
                        <!--<input type="text" name="keyword" class="form-control" size="35" placeholder="请输入关键字"-->
                               <!--maxlength="15" autocomplete="off">-->
                        <!--<span class="input-group-btn">-->
            <!--<button class="btn btn-default btn-search" name="search" type="submit">搜索</button>-->
            <!--</span></div>-->
                <!--</form>-->
            <!--</div>-->
        </div>
        <div class="widget widget_sentence">
            <h3>每日一句</h3>
            <div class="widget-sentence-content">
                <!--<h4>2016年01月05日星期二</h4>
                <p>Do not let what you cannot do interfere with what you can do.<br />
                  别让你不能做的事妨碍到你能做的事。（John Wooden）</p>-->
            </div>
        </div>
        <div class="widget widget_hot">
            <h3 id="hot_title">热门文章</h3>
        </div>
        <div class="widget widget_hot_comment" id="hot_comment">
            <h3>热门留言</h3>

        </div>
    </aside>
</section>
<footer class="footer">
    <div class="container">
        <p>&copy; 2019 <a href="">homesweets.cn</a> &nbsp; <a href="#" target="_blank" rel="nofollow">粤ICP备19084162</a>
            &nbsp; &nbsp; <a href="http://www.homesweets.cn/" target="_blank">德鲁大叔</a></p>
    </div>
    <div id="gotop"><a class="gotop"></a></div>
</footer>
<!--微信二维码模态框-->
<div class="modal fade user-select" id="WeChat" tabindex="-1" role="dialog" aria-labelledby="WeChatModalLabel">
    <div class="modal-dialog" role="document" style="margin-top:120px;max-width:280px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="WeChatModalLabel" style="cursor:default;">微信二维码</h4>
            </div>
            <div class="modal-body" style="text-align:center"><img src="../static/images/weixin.jpg" alt=""
                                                                   style="cursor:pointer"/></div>
        </div>
    </div>
</div>

<!--github二维码模态框-->
<div class="modal fade user-select" id="Github" tabindex="-1" role="dialog" aria-labelledby="WeChatModalLabel">
    <div class="modal-dialog" role="document" style="margin-top:120px;max-width:280px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="GithubModalLabel" style="cursor:default;">Github二维码</h4>
            </div>
            <div class="modal-body" style="text-align:center"><img src="../static/images/github.png" alt=""
                                                                   style="cursor:pointer"/></div>
        </div>
    </div>
</div>

<!--微博二维码模态框-->
<div class="modal fade user-select" id="Weibo" tabindex="-1" role="dialog" aria-labelledby="WeChatModalLabel">
    <div class="modal-dialog" role="document" style="margin-top:120px;max-width:280px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="WeiboModalLabel" style="cursor:default;">微博二维码</h4>
            </div>
            <div class="modal-body" style="text-align:center"><img src="../static/images/weibo.png" alt=""
                                                                   style="cursor:pointer"/></div>
        </div>
    </div>
</div>
<!--该功能正在日以继夜的开发中-->
<div class="modal fade user-select" id="areDeveloping" tabindex="-1" role="dialog"
     aria-labelledby="areDevelopingModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="areDevelopingModalLabel" style="cursor:default;">该功能正在日以继夜的开发中…</h4>
            </div>
            <div class="modal-body"><img src="../static/images/baoman/baoman_01.gif" alt="深思熟虑"/>
                <p style="padding:15px 15px 15px 100px; position:absolute; top:15px; cursor:default;">
                    很抱歉，程序猿正在日以继夜的开发此功能，本程序将会在以后的版本中持续完善！</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">朕已阅</button>
            </div>
        </div>
    </div>
</div>
<!--登录注册模态框-->
<div class="modal fade user-select" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form action="/Admin/Index/login" method="post">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="loginModalLabel">登录</h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label for="loginModalUserNmae">用户名</label>
                        <input type="text" class="form-control" id="loginModalUserNmae" placeholder="请输入用户名" autofocus
                               maxlength="15" autocomplete="off" required>
                    </div>
                    <div class="form-group">
                        <label for="loginModalUserPwd">密码</label>
                        <input type="password" class="form-control" id="loginModalUserPwd" placeholder="请输入密码"
                               maxlength="18" autocomplete="off" required>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="submit" class="btn btn-primary">登录</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!--右键菜单列表-->
<!--<div id="rightClickMenu">
  <ul class="list-group rightClickMenuList">
    <li class="list-group-item disabled">欢迎访问 德鲁大叔博客</li>
    <li class="list-group-item"><span>IP：</span>172.16.10.129</li>
    <li class="list-group-item"><span>地址：</span>河南省郑州市</li>
    <li class="list-group-item"><span>系统：</span>Windows10 </li>
    <li class="list-group-item"><span>浏览器：</span>Chrome47</li>
  </ul>
</div>-->
<script src="../static/js/bootstrap.min.js"></script>
<script src="../static/js/jquery.ias.js"></script>
<script src="../static/js/scripts.js"></script>
<script src="../static/js/hotcomment.js"></script>

</body>
</html>